<template>
       <div>
         <van-nav-bar title="系统消息详情" left-arrow @click-left="goback"/>
         <div>
           <div id="div1">
             <div id="div2">{{ item.createDate }}</div>
             <div id="div3">{{ item.title }}</div>
             <div id="div5">{{ item.content }}</div>
           </div>
         </div>
       </div>
</template>
<script>
export default {
  name: "DeliveryMessageDetails",
  data() {
    return {
      item: null
    }
  },
  created() {
    this.item = this.$route.query.item
  },
  methods:{
    goback() {
      this.$router.go(-1);
    },
  }
}
</script>
<style scoped>
  #div1{
    width: 80%;
    margin-top: 20px;
    margin-left: 10%;
    margin-right: 10%;
    border-radius: 10px;
    background-color: #ffffff;
  }
  #div2{
    margin-top: 10px;
    margin-left: 10px;
    color: #999999;
  }
  #div3{
    margin-top: 10px;
    margin-left: 10px;

    color: #333333;
  }
</style>